import React from 'react'
export const PageSvg = (props) =>{
    const {
        width="16px",
        height="16px",
        color="#1296db"
    }=props
    return <svg t="1630379842144" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3360" width={width} height={height}><path d="M64 0h671.616L960 219.456V1024H64V0z m224 365.696V512h448V365.696h-448z m0 292.608v146.24h448v-146.24h-448z" p-id="3361" fill={color}></path></svg>
}
export const ActionSvg = (props) =>{
    const {
        width="16px",
        height="16px",
        color="#1296db"
    }=props
    return <svg t="1630380109816" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8803" width={width} height={height}><path d="M51.2 51.2v921.6h409.6V460.8h512V51.2H51.2z m884.6848 516.096H567.296v368.64l110.592-110.592L825.2928 972.8 972.8 825.344l-147.5072-147.456 110.592-110.592z" fill={color} p-id="8804"></path></svg>
}
export const OperationSvg = (props) =>{
    const {
        width="16px",
        height="16px",
        color="#1296db"
    }=props
    return <svg t="1630380249083" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11075" width={width} height={height}><path d="M896 512c0 8.192-1.28 16.064-1.92 24.128l125.44 121.024-128 221.696-168.32-48.192a439.168 439.168 0 0 1-40.96 23.808L640 1024h-256l-42.24-169.536a439.168 439.168 0 0 1-40.96-23.808l-168.32 48.192-128-221.696 125.44-121.024c-0.64-8.064-1.92-15.936-1.92-24.128s1.28-16.064 1.92-24.128L4.48 366.848l128-221.696 168.32 48.192a425.344 425.344 0 0 1 40.96-23.808L384 0h256l42.24 169.536a425.344 425.344 0 0 1 40.96 23.808l168.32-48.192 128 221.696-125.44 121.024c0.64 8 1.92 15.808 1.92 24.128z m-576 0a192 192 0 1 0 192-192 192 192 0 0 0-192 192z" fill={color} p-id="11076"></path></svg>
}
export const FIlterSvg = (props) =>{
    const {
        width="16px",
        height="16px",
        color="#1296db"
    }=props
    return <svg t="1630380379025" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12703" width={width} height={height}><path d="M377.312611 1024V403.799179L22.760039 106.741619C13.709898 95.562033 4.659758 85.979531 4.659758 76.397029V38.599383L31.81018 9.851877C40.860321 9.851877 50.442823 0.269375 68.543104 0.269375h879.993096a53.236122 53.236122 0 0 1 36.200563 9.582502l27.150422 28.747506a29.812228 29.812228 0 0 1 0 38.330007c0 9.582502-9.050141 19.165004-18.100281 28.747506l-353.48785 298.122283v363.602713z" p-id="12704" fill={color}></path></svg>
}
export const FieldSvg = (props) =>{
    const {
        width="16px",
        height="16px",
        color="#1296db"
    }=props
    return <svg t="1630380497319" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14320" width={width} height={height}><path d="M126.464 218.112H942.08v120.832H126.464zM74.752 673.28h821.76v120.832H74.752z" fill="#909399" p-id="14321"></path><path d="M333.312 50.688l116.224-2.048-136.704 919.552-124.416 2.048zM693.248 50.688l121.344-2.048-131.584 919.552-124.416 2.048z" fill={color} p-id="14322"></path></svg>
}
export const FieldProperitieSvg = (props) =>{
    const {
        width="16px",
        height="16px",
        color="#1296db"
    }=props
    return <svg t="1630380670972" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16563" width={width} height={height}><path d="M993.346863 212.823033L532.696014 4.40028a51.557207 51.557207 0 0 0-41.684551 0L30.580006 212.823033c-25.815169 11.335273-37.442965 36.931049-26.034562 62.599956 5.119155 11.627796 14.406766 17.331997 26.034562 22.524284l460.72398 207.17953c13.163542 5.850463 28.301616 5.850463 41.61142 0l460.65085-207.17953c25.815169-11.408403 37.442965-38.101142 26.034561-63.84318-5.265417-11.554665-14.553027-16.161905-26.180823-21.354191z m-490.634473 725.384311l444.562075-183.119499a41.538289 41.538289 0 0 1 54.116785 22.378022 41.172635 41.172635 0 0 1-22.451152 53.897392L519.313079 1020.772007a41.465158 41.465158 0 0 1-16.600689 3.071493 41.465158 41.465158 0 0 1-16.60069-3.144624L26.484681 831.363259a41.172635 41.172635 0 0 1-22.451152-53.897392 41.538289 41.538289 0 0 1 54.116785-22.378022l444.635206 183.119499z m0-266.196077l444.562075-183.1195a41.538289 41.538289 0 0 1 54.116785 22.378022 41.172635 41.172635 0 0 1-22.451152 53.897393L519.313079 754.502798a41.465158 41.465158 0 0 1-16.600689 3.144624 41.465158 41.465158 0 0 1-16.60069-3.144624L26.484681 565.167182a41.172635 41.172635 0 0 1-22.451152-53.897393 41.538289 41.538289 0 0 1 54.116785-22.378022l444.635206 183.046369z" fill={color} p-id="16564"></path></svg>
}

export const ModalSvg = (props) =>{
    const {
        width="16px",
        height="16px",
        color="#1296db"
    }=props
    return <svg t="1632796300706" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4026" width={width} height={height}><path d="M220.348013-0.073132v804.456506h804.456506v-804.456506h-804.456506z m657.97229 658.045422H365.881508V294.284816h512.438795v363.687474zM146.338014 362.883017H-0.07307v661.043851H656.436572v-144.070847H146.338014V362.883017z" fill={color} p-id="4027"></path></svg>
}